<template>
  <div>
    <h1>【aty-text】 component demo</h1>
    <p>【aty-text】本质是一个span,开发者可以在里面放任意内联元素</p>
    <aty-text />
    <br />
    <aty-text><em>放一个em标签</em></aty-text>
    <br />
    <aty-text><strong>放一个strong标签</strong></aty-text>
    <br />
    <aty-text class="fd-text-01"><em>放一个em元素</em><aty-text>嵌套 aty-text</aty-text></aty-text>
    <br />
    <aty-text class="fd-text-02"><em>放一个em元素</em><aty-text>嵌套 aty-text<aty-text>深层嵌套 aty-text</aty-text></aty-text></aty-text>
    <br />
  </div>
</template>
<script>
//  import { Alert, Icon } from 'Artery';
export default {
  //  components: { Alert, Icon }
}
</script>
<style  lang="less"  type="text/less"  scoped >
    .fd-text-01 {
        margin: 0 10px;
        padding: 0 20px;
        border: 1px solid #d7dde4;
    >.aty-text{
         margin: 0 10px;
         padding: 0 20px;
         border: 1px solid #d7dde4;
     }
    }

    .fd-text-02 {
        margin: 0 10px;
        padding: 0 20px;
        border: 1px solid #3399ff;
    >.aty-text{
         margin: 0 10px;
         padding: 0 20px;
         border: 1px solid #00cc66;
        >.aty-text{
             margin: 0 10px;
             padding: 0 20px;
             border: 1px solid #ff9900;
         }
        }
    }

</style>
